<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-3.7.1.min.js"></script>
</head>
<body>
    <!-- <div id="div1"><span>我是一个div</span></div>
    <input type="text" id="text1" value="password">
    <input type="button" id="updateContent" value="修改一下"> -->
    <p><a href="https://www.deepseek.com/">deepseek</a></p>
    <img src="C:\Users\90525\Desktop\海贼王素材\微信图片_20231218130319.jpg" width="100px">
    <input type="button" id="updateContent" value="点击修改属性">
    <script>
        //获取属性
        let href = $("p a").attr("href");
        console.log(href);
        let src = $("img").attr("src");
        console.log(src);
        //修改属性
        $("#updateContent").click(function(){
            $("p a").text("豆包");
            $("p a").attr("href", "https://www.volcengine.com/product/doubao");
            // $("img").attr("src", "https://pics4.baidu.com/feed/29381f30e924b89920bd182f74a5389b0b7bf651.jpeg@f_auto?token=9f6fa7da54240160cd7fb7e8c84504df://wx3.sinaimg.cn/mw690/006ddlrtgy1htz991a7tsj30u01hcn62.jpg");
            $("img").attr("width", "200px");
        });
        //取值
        // let content1 = $("#div1").text();
        // console.log(content1);
        // let content2 = $("#div1").html();
        // console.log(content2);
        // let content3 = $("#text1").val();
        // console.log(content3);
        //赋值
        //方法一：
        // $("#div1").text("我是修改后的div");
        //方法二：
        // $("#updateContent").click(function(){
        //     // $("#div1").text("我是修改后的div");
        //     $("#div1").html("<h1>我是修改后的div</h1>");
        //     $("#text1").val("update password");
        // });

    </script>
</body>
</html>